<style>
    .box1{ width: 100%;background: rgba(235, 238, 241, 1); padding-top: 100px;padding-bottom: 100px }
    .box2{ width: 1200px;margin: 0 auto}
    .box4{ display: flex; justify-content: space-between; align-items: center}
    .box3{
        width: 360px;
        height: 265px;
        opacity: 1;
        padding: 30px 35px;
        background: rgba(235, 238, 241, 1);
    }
    .parent-div { /* 选择父容器下的所有直接子元素 */
        padding: 30px 40px 60px 40px;
        background: #fff;
    }
    .parent-div > * { /* 选择父容器下的所有直接子元素 */
        margin-top: 30px; /* 子元素底部间距 30px */
    }
    @media only screen and (max-width: 767px) {
        .box2 {
            width: auto !important;
            margin: 0 auto;
            padding: 40px !important;
            height: auto !important;
        }
        .box1 {
            padding: 0 !important;
            height: auto !important;
        }
    }

</style>
<div class="deal-content" style="background-image:url('{$image}')">
    <div style="width: 1200px;">

        <div class="splitcontent">
            {$subName}
        </div>

    </div>
</div>

{if $id==13}
<div class="box1" style="background:  rgba(235, 238, 241, 1);">
    <div class="box2">
        {$content1}
    </div>
</div>
<div class="box1" style="background: rgba(255, 255, 255, 1);">
    <div class="box2">
        {$content2}
    </div>
</div>
<!--<div class="box1" style="background:  rgba(219, 224, 228, 1);">-->
<!--    <div class="box2">-->
<!--        {$content3}-->
<!--    </div>-->
<!--</div>-->

{/if}
{if $id==14}
<div class="box1" style="background:  rgba(235, 238, 241, 1);">
    <div class="box2">
        {$content1}
    </div>
</div>


{/if}
{if $id==15}
<div class="box1" style="background:  rgba(235, 238, 241, 1);">
    <div class="box2">
        {$content1}
    </div>
</div>


{/if}
{if $id==16}
{include file="common/video" /}

{/if}